<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>山西煤炭现货公路交易系统客户端</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/bootstrap/css/bootstrap.min.css">
<!-- daterange picker -->
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/plugins/daterangepicker/daterangepicker-bs3.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/ionicons/css/ionicons.min.css">
<!-- jvectormap -->
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<!-- Theme style -->
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/dist/css/skins/_all-skins.min.css">
<!-- DataTables -->
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/plugins/datatables/dataTables.bootstrap.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
     folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/dist/css/skins/_all-skins.min.css">
<!-- jQuery 2.1.4 -->
<script src="<s:url value="/resources"/>/adminlte/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="<s:url value="/resources"/>/adminlte/bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="<s:url value="/resources"/>/adminlte/dist/js/app.min.js"></script>
<!-- Select2 -->
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/plugins/select2/select2.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="<s:url value="/resources"/>/adminlte/dist/css/AdminLTE.min.css">
<!-- date-range-picker -->
<script src="<s:url value="/resources"/>/adminlte/moment.min.js"></script>
<script src="<s:url value="/resources"/>/adminlte/plugins/daterangepicker/daterangepicker.js"></script>
<!-- DataTables -->
<script src="<s:url value="/resources"/>/adminlte/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="<s:url value="/resources"/>/adminlte/plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- Select2 -->
<script src="<s:url value="/resources"/>/adminlte/plugins/select2/select2.full.min.js"></script>
<script src="<s:url value="/resources"/>/adminlte/plugins/select2/i18n/zh-CN.js"></script>
<!-- 引入 echarts.js -->
<script src="<s:url value="/resources"/>/echarts/echarts.min.js"></script>
<script src="<s:url value="/resources"/>/adminlte/default.js"></script>
<script src="<s:url value="/resources"/>/echarts/myechart/areaChart.js"></script>
<script src="<s:url value="/resources"/>/adminlte/default_logistical.js"></script>
<script type="text/javascript">
	 $(function(){  
	      // loadUserInfo();
	      dataTab("dataTab",true,false,false,true,true,false,"<s:url value="/resources"/>/adminlte/dataTabBootstrapCN.json");
	      dataTab("dataTabSheng",true,false,false,true,true,false,"<s:url value="/resources"/>/adminlte/dataTabBootstrapCN.json");
	      dataTab("dataTabLux",true,false,false,true,true,false,"<s:url value="/resources"/>/adminlte/dataTabBootstrapCN.json");
	      dataTab("dataTabTcx",true,false,false,true,true,false,"<s:url value="/resources"/>/adminlte/dataTabBootstrapCN.json");
	      loadMenu("${user.roleType}","${menuid}",${menuList});
	      //areaChart();
	      //getSelOpts("<s:url value="/"/>/logistical/getSelOpts","selLuj","luj","luj");
	      //getSelOpts("<s:url value="/"/>/logistical/getSelOpts","selLux","lux","lux");
	      //getSelOpts("<s:url value="/"/>/logistical/getSelOpts","selShengf","shengf","shengf");
	      getSelOpts("<s:url value="/"/>/logistical/getSelOpts","selTcx","tcx","tcx");
	      $(".select2").select2();
	 });
</script>
</head>
<body class="skin-blue sidebar-mini">
<div class="wrapper">
<%@ include file="../../header.jsp" %>
<%@ include file="../../sidebar.jsp" %>
<div class="content-wrapper" >
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <h1> 物流分析<small>站台字典</small></h1>
          <ol class="breadcrumb">
            <li><a href="<s:url value="/"/>/index.jsp"><i class="fa fa-dashboard"></i>首页</a></li>
            <li><a href="#" id="location1"></a></li>
            <li class="active" id="location2"></li>
          </ol>
        </div>
        <!-- Main content -->
        <div class="content">
         <!-- 查询条件 -->
        <form action="<s:url value="/"/>/logistical/zhanTZD" method="post">
         <input type="hidden" value='${selLuj}' name="selLuj" id ="selLuj"/>
         <input type="hidden" value='${selShengf}' name="selShengf" id ="selShengf"/>
         <input type="hidden" value='${selLux}' name="selLux" id ="selLux"/>
         <input type="hidden" value='${selTcx}' name="selTcx" id ="selTcx"/>
          <div class="box box-default">
            <div class="box-header with-border">
              <h3 class="box-title">查询条件</h3>
              <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                <!-- <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button> -->
              </div>
            </div><!-- /.box-header -->
            <div class="box-body">
              <%--<div class="row">
              	<div class="col-md-6">
                  <div class="form-group">
                    <label>选择路局</label>
                     <select id="luj" name="luj" class="form-control select2" multiple="multiple" data-placeholder="Select a State" style="width: 100%;">
                  	</select>
                  </div><!-- /.form-group -->
                </div><!-- /.col -->
                <div class="col-md-6">
                  <div class="form-group">
                    <label>选择线路</label>
                    <select id="lux" name="lux" class="form-control select2" multiple="multiple" data-placeholder="Select a State" style="width: 100%;">
                    </select>
                  </div><!-- /.form-group -->
                </div><!-- /.col -->
              </div>
              --%><div class="row">
                <%--<div class="col-md-6">
                  <div class="form-group">
                    <label>选择省份</label>
                    <select id="shengf" name="shengf" class="form-control select2" multiple="multiple" data-placeholder="Select a State" style="width: 100%;">
                    </select>
                  </div><!-- /.form-group -->
                </div><!-- /.col -->
                --%>
                <div class="col-md-6">
                  <div class="form-group">
                    <label>选择站名</label>
                    <select id="tcx" name="tcx" class="form-control select2" multiple="multiple" data-placeholder="请选择站名" style="width: 100%;">
                    </select>
                  </div><!-- /.form-group -->
                </div><!-- /.col -->
                <div class="col-md-6">
                 <!-- Date range -->
                  <div class="form-group" style="padding-top: 25px;">
                     <label></label>
                      <button class="btn btn-primary"  type="submit">查询</button>
                  </div>
               </div>
              </div><!-- /.row -->
            </div><!-- /.box-body -->
          </div><!-- /.box -->
          </form>
        <div class="box">
                <div class="box-header">
                  <h3 class="box-title">路局</h3>
                  <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                <!-- <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button> -->
              </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <table id="dataTab" class="table table-bordered table-hover">
                    <thead>
                      <tr>
                        <th>路局</th>
                        <th>站数</th>
                        <th>涉及省数量</th>
                        <th>涉及线路数量</th>
                        <th>省份</th>
                      </tr>
                    </thead>
                    <tbody>
                      <c:forEach items="${tabLujlist}" var="li">
                      	 <tr>
                        	<td>${li.luj}</td>
                        	<td>${li.zhansl}</td>
                        	<td>${li.shengsl}</td>
                        	<td>${li.luxsl}</td>
                        	<td>${li.shengf}</td>
                        </tr>
                      </c:forEach>
                    </tbody>
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
          <div class="box">
                <div class="box-header">
                  <h3 class="box-title">省份</h3>
                  <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                <!-- <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button> -->
              </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <table id="dataTabSheng" class="table table-bordered table-hover">
                    <thead>
                      <tr>
                        <th>省</th>
                        <th>所辖站数</th>
                        <th>涉及路局数量</th>
                        <th>涉及线路数量</th>
                        <th>路局</th>
                      </tr>
                    </thead>
                    <tbody>
                      <c:forEach items="${tabShengflist}" var="sheng">
                      	 <tr>
                        	<td>${sheng.shengqm}</td>
                        	<td>${sheng.zhansl}</td>
                        	<td>${sheng.lujsl}</td>
                        	<td>${sheng.luxsl}</td>
                        	<td>${sheng.luj}</td>
                        </tr>
                      </c:forEach>
                    </tbody>
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
              <div class="box">
                <div class="box-header">
                  <h3 class="box-title">线路</h3>
                  <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                <!-- <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button> -->
              </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <table id="dataTabLux" class="table table-bordered table-hover">
                    <thead>
                      <tr>
                        <th>线路名</th>
                        <th>所辖站数</th>
                        <th>涉及省数量</th>
                        <th>涉及路局数量</th>
                        <th>路局</th>
                        <th>省份</th>
                      </tr>
                    </thead>
                    <tbody>
                      <c:forEach items="${tabLuxlist}" var="lx">
                      	 <tr>
                        	<td>${lx.luxm}</td>
                        	<td>${lx.zhansl}</td>
                        	<td>${lx.shengsl}</td>
                        	<td>${lx.lujsl}</td>
                        	<td>${lx.luj}</td>
                        	<td>${lx.shengf}</td>
                        </tr>
                      </c:forEach>
                    </tbody>
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
              <div class="box">
                <div class="box-header">
                  <h3 class="box-title">站归属数据</h3>
                  <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                <!-- <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button> -->
              </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <table id="dataTabTcx" class="table table-bordered table-hover">
                    <thead>
                      <tr>
                        <th>站名</th>
                        <th>路线名</th>
                        <th>路局名</th>
                        <th>省名</th>
                        <th>市名</th>
                      </tr>
                    </thead>
                    <tbody>
                      <c:forEach items="${tabTcxlist}" var="lx">
                      	 <tr>
                        	<td>${lx.zhanm}</td>
                        	<td>${lx.luxm}</td>
                        	<td>${lx.lujqm}</td>
                        	<td>${lx.shengqm}</td>
                        	<td>${lx.shiqm}</td>
                        </tr>
                      </c:forEach>
                    </tbody>
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
        </div><!-- /.content -->
      </div><!-- /.content-wrapper -->
</div>  
</body>
</html>
